import Vue from 'vue'
import 'normalize.css/normalize.css'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import { registerMicroApps, start } from 'qiankun'

import '@/styles/index.scss' // global css

import App from './App'

import store from './store'

import router from './router'
import { authBtn } from '@/directive'
Vue.directive('authBtn', authBtn)
// 全局注册组件
import AuthButton from '@/components/AuthButton.vue'
Vue.component('auth-button', AuthButton)

// 注册svg
import '@/icons'

Vue.use(ElementUI)

Vue.config.productionTip = false

// vue实例化
new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})
registerMicroApps([
  {
    name: 'hmzs-big-screen', // 子应用名称
    entry: '//localhost:5173', // 子应用运行服务地址（就是npm run dev时的那个地址）
    container: '#container', // 挂载容器（id=container）
    activeRule: '/big-screen' // 激活路由(在哪个路由下加载子应用,需要和子应用的路由名称对应)
  }
])

start()
